<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
<ul id="example">
    <li v-for="item in items">
        {{item.message}}
    </li>
</ul>
<script>
//我们用v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用item in items形式的特殊语法，
//    items是源数据数组并且item是数组元素迭代的别名
    var example=new Vue({
        el:'#example',
        data:{
            items:[
                {message:'Foo'},
                {message:'Bar'}
            ]
        }
    })

</script>
</body>
</html>